<template>
  <div class="ant-tabs ant-tabs-top ant-tabs-large" style="padding:0 30px;">
    <div role="tablist" class="ant-tabs-nav">
      <div class="ant-tabs-nav-wrap  flex align-items justify-content-between">
        <div class="ant-tabs-nav-list" style="transform: translate(0px, 0px);">
          <div class="article-status">
            <div @click="handleChangeTab(0)" :class="[tabIndex==0?'is-active':'']" title="包括(经验分享，设计模式，运维部署)" class="ant-tabs-tab-btn">课程订单
              <span v-if="tabIndex==0 && total>0">({{ total }})</span>
            </div>
          </div>
          <div class="article-status">
            <div @click="handleChangeTab(1)" :class="[tabIndex==1?'is-active':'']" class="ant-tabs-tab-btn">栏目订单
              <span v-if="tabIndex==0 && total>0">({{ total }})</span>
            </div>
          </div>
          <div class="article-status">
            <div @click="handleChangeTab(2)" :class="[tabIndex==2?'is-active':'']" class="ant-tabs-tab-btn">项目实战
              <span v-if="tabIndex==0 && total>0">({{ total }})</span>
            </div>
          </div>
          <div class="article-status">
            <div @click="handleChangeTab(3)" :class="[tabIndex==3?'is-active':'']" class="ant-tabs-tab-btn">会员订单
              <span v-if="tabIndex==0 && total>0">({{ total }})</span>
            </div>
          </div>
        </div>
        <div>
          <span class="nav-i red" title="客服" >
            遇到问题？加客服微信【xuchengfeifei】
          </span>
        </div>
      </div>
    </div>
    <div class="ant-tabs-content-holder">
      <div class="ant-tabs-content ant-tabs-content-top">
        <ksd-order-note v-if="tabIndex==0" @success="handleSuccess"></ksd-order-note>
        <ksd-order-channel v-if="tabIndex==1" @success="handleSuccess"></ksd-order-channel>
        <ksd-order-special v-if="tabIndex==2" @success="handleSuccess"></ksd-order-special>
        <ksd-order-vip v-if="tabIndex==3" @success="handleSuccess"></ksd-order-vip>
        <ksd-order-special-bind v-if="tabIndex==1 && false" @success="handleSuccess"></ksd-order-special-bind>
      </div>
    </div>
  </div>
</template>
<script setup>
const tabIndex = ref(0)
const total = ref(0)
const userStore = useStore.userState()
const userInfo = ref({uuid: "", username: ""})

const handleGetUserInfo = async () => {
  try {
    if (!userStore.isLogin) return;
    const resp = await useLoadUserGetApi()
    userInfo.value = resp.data
    userStore.uuid = resp.data.uuid
    userStore.username = resp.data.username
    userStore.nickname = resp.data.nickname
    userStore.avatar = resp.data.avatar
    userStore.role = resp.data.role
    userStore.authorFlag = resp.data.authorFlag
    userStore.teacherFlag = resp.data.teacherFlag
  } catch (e) {
    showError({statusCode:404,statusMessage:e.message})
  }
}
const handleChangeTab = (index) => {
  if (tabIndex.value == index) return
  tabIndex.value = index
}

const handleSuccess = (dbtotal) => {
  total.value = dbtotal
}

onMounted(() => {
  handleGetUserInfo()
})
</script>
<style scoped>
.qrcode-fail {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 12.5rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 1.875rem;
  width: 12.5rem
}

.qrcode-fail #code, .qrcode-fail img {
  height: 100%;
  width: 100%
}

.wallet-list-item {
  color: #2d2d2f;
  font-size: .875rem
}

.wallet {
  min-height: 80vh
}

.margin-left30 {
  margin-left: 1.875rem
}

.font-size24 {
  font-size: 1.5rem
}

.wallet-modal-item {
  text-align: center
}

.wallet-modal-r {
  padding: 2.5rem
}

.wallet-tip {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem
}

.wallet-lable, .wallet-tip {
  color: #818181;
  font-size: .875rem
}

.wallet-lable {
  margin-left: 1.125rem;
  text-align: left;
  width: 6.25rem
}

.popover-item {
  border-bottom: .0625rem solid #eee;
  color: #818181;
  font-size: .875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  width: 100%
}

.popover-item:hover {
  color: #0a0b0c
}

.recent-list {
  background: #fff;
  margin-top: 1.25rem;
  padding: 0 1.875rem
}


.ant-btn {
  background-image: none;
  background: #fff;
  border: .0625rem solid #d9d9d9;
  border-radius: .25rem;
  box-shadow: 0 .125rem #00000004;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: .875rem;
  font-weight: 400;
  height: 2.1875rem;
  line-height: 1.5715;
  padding: .34375rem .9375rem;
  position: relative;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.ant-btn > .anticon {
  line-height: 1
}

.ant-btn, .ant-btn:active, .ant-btn:focus {
  outline: 0
}

.ant-btn:not([disabled]):hover {
  text-decoration: none
}

.ant-btn:not([disabled]):active {
  box-shadow: none;
  outline: 0
}

.ant-btn[disabled] {
  cursor: not-allowed
}

.ant-btn[disabled] > * {
  pointer-events: none
}

.ant-btn-lg {
  border-radius: .25rem;
  font-size: 1rem;
  height: 2.5rem;
  padding: .4rem .9375rem
}

.ant-btn-sm {
  border-radius: .25rem;
  font-size: .875rem;
  height: 1.5rem;
  padding: 0 .4375rem
}

.ant-btn > a:only-child {
  color: currentcolor
}

.ant-btn > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn:focus, .ant-btn:hover {
  background: #fff;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn:focus > a:only-child, .ant-btn:hover > a:only-child {
  color: currentcolor
}

.ant-btn:focus > a:only-child:after, .ant-btn:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn:active {
  background: #fff;
  border-color: #13161a;
  color: #13161a
}

.ant-btn:active > a:only-child {
  color: currentcolor
}

.ant-btn:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn[disabled], .ant-btn[disabled]:active, .ant-btn[disabled]:focus, .ant-btn[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn[disabled]:active > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn[disabled]:active > a:only-child:after, .ant-btn[disabled]:focus > a:only-child:after, .ant-btn[disabled]:hover > a:only-child:after, .ant-btn[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn:active, .ant-btn:focus, .ant-btn:hover {
  background: #fff;
  text-decoration: none
}

.ant-btn > span {
  display: inline-block
}

.ant-btn-primary {
  background: #343a40;
  border-color: #343a40;
  box-shadow: 0 .125rem #0000000b;
  color: #fff;
  text-shadow: 0 -.0625rem 0 rgba(0, 0, 0, .12)
}

.ant-btn-primary > a:only-child {
  color: currentcolor
}

.ant-btn-primary > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-primary:focus, .ant-btn-primary:hover {
  background: #484a4d;
  border-color: #484a4d;
  color: #fff
}

.ant-btn-primary:focus > a:only-child, .ant-btn-primary:hover > a:only-child {
  color: currentcolor
}

.ant-btn-primary:focus > a:only-child:after, .ant-btn-primary:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-primary:active {
  background: #13161a;
  border-color: #13161a;
  color: #fff
}

.ant-btn-primary:active > a:only-child {
  color: currentcolor
}

.ant-btn-primary:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-primary[disabled], .ant-btn-primary[disabled]:active, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-primary[disabled]:active > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-primary[disabled]:active > a:only-child:after, .ant-btn-primary[disabled]:focus > a:only-child:after, .ant-btn-primary[disabled]:hover > a:only-child:after, .ant-btn-primary[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-left-color: #484a4d;
  border-right-color: #484a4d
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #484a4d
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary + .ant-btn-primary, .ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
  border-left-color: #484a4d
}

.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled], .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
  border-left-color: #d9d9d9
}

.ant-btn-ghost {
  background: transparent;
  border-color: #d9d9d9;
  color: #000000d9
}

.ant-btn-ghost > a:only-child {
  color: currentcolor
}

.ant-btn-ghost > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-ghost:focus, .ant-btn-ghost:hover {
  background: transparent;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-ghost:focus > a:only-child, .ant-btn-ghost:hover > a:only-child {
  color: currentcolor
}

.ant-btn-ghost:focus > a:only-child:after, .ant-btn-ghost:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-ghost:active {
  background: transparent;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-ghost:active > a:only-child {
  color: currentcolor
}

.ant-btn-ghost:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-ghost[disabled], .ant-btn-ghost[disabled]:active, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-ghost[disabled]:active > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-ghost[disabled]:active > a:only-child:after, .ant-btn-ghost[disabled]:focus > a:only-child:after, .ant-btn-ghost[disabled]:hover > a:only-child:after, .ant-btn-ghost[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dashed {
  background: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
  color: #000000d9
}

.ant-btn-dashed > a:only-child {
  color: currentcolor
}

.ant-btn-dashed > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dashed:focus, .ant-btn-dashed:hover {
  background: #fff;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-dashed:focus > a:only-child, .ant-btn-dashed:hover > a:only-child {
  color: currentcolor
}

.ant-btn-dashed:focus > a:only-child:after, .ant-btn-dashed:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dashed:active {
  background: #fff;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-dashed:active > a:only-child {
  color: currentcolor
}

.ant-btn-dashed:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dashed[disabled], .ant-btn-dashed[disabled]:active, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dashed[disabled]:active > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-dashed[disabled]:active > a:only-child:after, .ant-btn-dashed[disabled]:focus > a:only-child:after, .ant-btn-dashed[disabled]:hover > a:only-child:after, .ant-btn-dashed[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-danger {
  background: #f5222d;
  border-color: #f5222d;
  box-shadow: 0 .125rem #0000000b;
  color: #fff;
  text-shadow: 0 -.0625rem 0 rgba(0, 0, 0, .12)
}

.ant-btn-danger > a:only-child {
  color: currentcolor
}

.ant-btn-danger > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-danger:focus, .ant-btn-danger:hover {
  background: #ff4d4f;
  border-color: #ff4d4f;
  color: #fff
}

.ant-btn-danger:focus > a:only-child, .ant-btn-danger:hover > a:only-child {
  color: currentcolor
}

.ant-btn-danger:focus > a:only-child:after, .ant-btn-danger:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-danger:active {
  background: #cf1322;
  border-color: #cf1322;
  color: #fff
}

.ant-btn-danger:active > a:only-child {
  color: currentcolor
}

.ant-btn-danger:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-danger[disabled], .ant-btn-danger[disabled]:active, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-danger[disabled]:active > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-danger[disabled]:active > a:only-child:after, .ant-btn-danger[disabled]:focus > a:only-child:after, .ant-btn-danger[disabled]:hover > a:only-child:after, .ant-btn-danger[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-link {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #303133
}

.ant-btn-link > a:only-child {
  color: currentcolor
}

.ant-btn-link > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-link:focus, .ant-btn-link:hover {
  background: transparent;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-link:focus > a:only-child, .ant-btn-link:hover > a:only-child {
  color: currentcolor
}

.ant-btn-link:focus > a:only-child:after, .ant-btn-link:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-link:active {
  background: transparent;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-link:active > a:only-child {
  color: currentcolor
}

.ant-btn-link:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-link[disabled], .ant-btn-link[disabled]:active, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9
}

.ant-btn-link:hover {
  background: transparent
}

.ant-btn-link:active, .ant-btn-link:focus, .ant-btn-link:hover {
  border-color: transparent
}

.ant-btn-link[disabled], .ant-btn-link[disabled]:active, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-link[disabled]:active > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-link[disabled]:active > a:only-child:after, .ant-btn-link[disabled]:focus > a:only-child:after, .ant-btn-link[disabled]:hover > a:only-child:after, .ant-btn-link[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-text {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #000000d9
}

.ant-btn-text > a:only-child {
  color: currentcolor
}

.ant-btn-text > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-text:focus, .ant-btn-text:hover {
  background: transparent;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-text:focus > a:only-child, .ant-btn-text:hover > a:only-child {
  color: currentcolor
}

.ant-btn-text:focus > a:only-child:after, .ant-btn-text:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-text:active {
  background: transparent;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-text:active > a:only-child {
  color: currentcolor
}

.ant-btn-text:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-text[disabled], .ant-btn-text[disabled]:active, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9
}

.ant-btn-text:focus, .ant-btn-text:hover {
  background: rgba(0, 0, 0, .018);
  border-color: transparent;
  color: #000000d9
}

.ant-btn-text:active {
  background: rgba(0, 0, 0, .028);
  border-color: transparent;
  color: #000000d9
}

.ant-btn-text[disabled], .ant-btn-text[disabled]:active, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-text[disabled]:active > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-text[disabled]:active > a:only-child:after, .ant-btn-text[disabled]:focus > a:only-child:after, .ant-btn-text[disabled]:hover > a:only-child:after, .ant-btn-text[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous {
  background: #fff;
  border-color: #f5222d;
  color: #f5222d
}

.ant-btn-dangerous > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous:focus, .ant-btn-dangerous:hover {
  background: #fff;
  border-color: #ff4d4f;
  color: #ff4d4f
}

.ant-btn-dangerous:focus > a:only-child, .ant-btn-dangerous:hover > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous:focus > a:only-child:after, .ant-btn-dangerous:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous:active {
  background: #fff;
  border-color: #cf1322;
  color: #cf1322
}

.ant-btn-dangerous:active > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:active, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dangerous[disabled]:active > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous[disabled]:active > a:only-child:after, .ant-btn-dangerous[disabled]:focus > a:only-child:after, .ant-btn-dangerous[disabled]:hover > a:only-child:after, .ant-btn-dangerous[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-primary {
  background: #f5222d;
  border-color: #f5222d;
  box-shadow: 0 .125rem #0000000b;
  color: #fff;
  text-shadow: 0 -.0625rem 0 rgba(0, 0, 0, .12)
}

.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-primary:focus, .ant-btn-dangerous.ant-btn-primary:hover {
  background: #ff4d4f;
  border-color: #ff4d4f;
  color: #fff
}

.ant-btn-dangerous.ant-btn-primary:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary:hover > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:focus > a:only-child:after, .ant-btn-dangerous.ant-btn-primary:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-primary:active {
  background: #cf1322;
  border-color: #cf1322;
  color: #fff
}

.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:active, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child:after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child:after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child:after, .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-link {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #f5222d
}

.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-link > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-link:focus, .ant-btn-dangerous.ant-btn-link:hover {
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-dangerous.ant-btn-link:active {
  border-color: #13161a;
  color: #13161a
}

.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:active, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9
}

.ant-btn-dangerous.ant-btn-link:focus, .ant-btn-dangerous.ant-btn-link:hover {
  background: transparent;
  border-color: transparent;
  color: #ff4d4f
}

.ant-btn-dangerous.ant-btn-link:focus > a:only-child, .ant-btn-dangerous.ant-btn-link:hover > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:focus > a:only-child:after, .ant-btn-dangerous.ant-btn-link:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-link:active {
  background: transparent;
  border-color: transparent;
  color: #cf1322
}

.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:active, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child:after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child:after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child:after, .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-text {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #f5222d
}

.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-text > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-text:focus, .ant-btn-dangerous.ant-btn-text:hover {
  background: transparent;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-dangerous.ant-btn-text:active {
  background: transparent;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:active, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9
}

.ant-btn-dangerous.ant-btn-text:focus, .ant-btn-dangerous.ant-btn-text:hover {
  background: rgba(0, 0, 0, .018);
  border-color: transparent;
  color: #ff4d4f
}

.ant-btn-dangerous.ant-btn-text:focus > a:only-child, .ant-btn-dangerous.ant-btn-text:hover > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:focus > a:only-child:after, .ant-btn-dangerous.ant-btn-text:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-text:active {
  background: rgba(0, 0, 0, .028);
  border-color: transparent;
  color: #cf1322
}

.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:active, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child:after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child:after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child:after, .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-icon-only {
  border-radius: .25rem;
  font-size: 1rem;
  height: 2.1875rem;
  padding: .24375rem 0;
  vertical-align: -.1875rem;
  width: 2.1875rem
}

.ant-btn-icon-only > * {
  font-size: 1rem
}

.ant-btn-icon-only.ant-btn-lg {
  border-radius: .25rem;
  font-size: 1.125rem;
  height: 2.5rem;
  padding: .30625rem 0;
  width: 2.5rem
}

.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 1.125rem
}

.ant-btn-icon-only.ant-btn-sm {
  border-radius: .25rem;
  font-size: .875rem;
  height: 1.5rem;
  padding: 0;
  width: 1.5rem
}

.ant-btn-icon-only.ant-btn-sm > * {
  font-size: .875rem
}

.ant-btn-icon-only > .anticon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

a.ant-btn-icon-only {
  vertical-align: -.0625rem
}

a.ant-btn-icon-only > .anticon {
  display: inline
}

.ant-btn-round {
  border-radius: 2.1875rem;
  font-size: .875rem;
  height: 2.1875rem;
  padding: .34375rem 1.09375rem
}

.ant-btn-round.ant-btn-lg {
  border-radius: 2.5rem;
  font-size: 1rem;
  height: 2.5rem;
  padding: .4rem 1.25rem
}

.ant-btn-round.ant-btn-sm {
  border-radius: 1.5rem;
  font-size: .875rem;
  height: 1.5rem;
  padding: 0 .75rem
}

.ant-btn-round.ant-btn-icon-only {
  width: auto
}

.ant-btn-circle {
  border-radius: 50%;
  min-width: 2.1875rem;
  padding-left: 0;
  padding-right: 0;
  text-align: center
}

.ant-btn-circle.ant-btn-lg {
  border-radius: 50%;
  min-width: 2.5rem
}

.ant-btn-circle.ant-btn-sm {
  border-radius: 50%;
  min-width: 1.5rem
}

.ant-btn:before {
  background: #fff;
  border-radius: inherit;
  bottom: -.0625rem;
  content: "";
  display: none;
  left: -.0625rem;
  opacity: .35;
  pointer-events: none;
  position: absolute;
  right: -.0625rem;
  top: -.0625rem;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  z-index: 1
}

.ant-btn .anticon {
  -webkit-transition: margin-left .3s cubic-bezier(.645, .045, .355, 1);
  transition: margin-left .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-btn .anticon.anticon-minus > svg, .ant-btn .anticon.anticon-plus > svg {
  shape-rendering: optimizespeed
}

.ant-btn.ant-btn-loading {
  cursor: default;
  position: relative
}

.ant-btn.ant-btn-loading:before {
  display: block
}

.ant-btn > .ant-btn-loading-icon {
  -webkit-transition: width .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1);
  transition: width .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-btn > .ant-btn-loading-icon .anticon {
  -webkit-animation: none;
  animation: none;
  padding-right: .5rem
}

.ant-btn > .ant-btn-loading-icon .anticon svg {
  -webkit-animation: loadingCircle 1s linear infinite;
  animation: loadingCircle 1s linear infinite
}

.ant-btn-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.ant-btn-group, .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn {
  position: relative
}

.ant-btn-group > .ant-btn:active, .ant-btn-group > .ant-btn:focus, .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:active, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > span > .ant-btn:hover {
  z-index: 2
}

.ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0
}

.ant-btn-group .ant-btn-icon-only {
  font-size: .875rem
}

.ant-btn-group-lg > .ant-btn, .ant-btn-group-lg > span > .ant-btn {
  border-radius: 0;
  font-size: 1rem;
  height: 2.5rem;
  padding: .4rem .9375rem
}

.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
  height: 2.5rem;
  padding-left: 0;
  padding-right: 0;
  width: 2.5rem
}

.ant-btn-group-sm > .ant-btn, .ant-btn-group-sm > span > .ant-btn {
  border-radius: 0;
  font-size: .875rem;
  height: 1.5rem;
  padding: 0 .4375rem
}

.ant-btn-group-sm > .ant-btn > .anticon, .ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: .875rem
}

.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
  height: 1.5rem;
  padding-left: 0;
  padding-right: 0;
  width: 1.5rem
}

.ant-btn + .ant-btn-group, .ant-btn-group .ant-btn + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group span + .ant-btn, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group, .ant-btn-group > span + span {
  margin-left: -.0625rem
}

.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent
}

.ant-btn-group .ant-btn {
  border-radius: 0
}

.ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0
}

.ant-btn-group > .ant-btn:only-child, .ant-btn-group > span:only-child > .ant-btn {
  border-radius: .25rem
}

.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-bottom-left-radius: .25rem;
  border-top-left-radius: .25rem
}

.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-bottom-right-radius: .25rem;
  border-top-right-radius: .25rem
}

.ant-btn-group-sm > .ant-btn:only-child, .ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: .25rem
}

.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-bottom-left-radius: .25rem;
  border-top-left-radius: .25rem
}

.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-bottom-right-radius: .25rem;
  border-top-right-radius: .25rem
}

.ant-btn-group > .ant-btn-group {
  float: left
}

.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0
}

.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: .5rem
}

.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: .5rem
}

.ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-rtl.ant-btn-group > span + span {
  margin-left: auto;
  margin-right: -.0625rem
}

.ant-btn-group.ant-btn-group-rtl {
  direction: rtl
}

.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 .25rem .25rem 0
}

.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-radius: .25rem 0 0 .25rem
}

.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 .25rem .25rem 0
}

.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-radius: .25rem 0 0 .25rem
}

.ant-btn:active > span, .ant-btn:focus > span {
  position: relative
}

.ant-btn > .anticon + span, .ant-btn > span + .anticon {
  margin-left: .5rem
}

.ant-btn.ant-btn-background-ghost {
  border-color: #fff;
  color: #fff
}

.ant-btn.ant-btn-background-ghost, .ant-btn.ant-btn-background-ghost:active, .ant-btn.ant-btn-background-ghost:focus, .ant-btn.ant-btn-background-ghost:hover {
  background: transparent
}

.ant-btn.ant-btn-background-ghost:focus, .ant-btn.ant-btn-background-ghost:hover {
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn.ant-btn-background-ghost:active {
  border-color: #13161a;
  color: #13161a
}

.ant-btn.ant-btn-background-ghost[disabled] {
  background: transparent;
  border-color: #d9d9d9;
  color: #00000040
}

.ant-btn-background-ghost.ant-btn-primary {
  border-color: #343a40;
  color: #343a40;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-primary:focus, .ant-btn-background-ghost.ant-btn-primary:hover {
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-primary:active {
  border-color: #13161a;
  color: #13161a
}

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:active, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-danger {
  border-color: #f5222d;
  color: #f5222d;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-danger:focus, .ant-btn-background-ghost.ant-btn-danger:hover {
  border-color: #ff4d4f;
  color: #ff4d4f
}

.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-danger:active {
  border-color: #cf1322;
  color: #cf1322
}

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:active, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous {
  border-color: #f5222d;
  color: #f5222d;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous:focus, .ant-btn-background-ghost.ant-btn-dangerous:hover {
  border-color: #ff4d4f;
  color: #ff4d4f
}

.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous:active {
  border-color: #cf1322;
  color: #cf1322
}

.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  border-color: transparent;
  color: #f5222d;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover {
  border-color: transparent;
  color: #ff4d4f
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  border-color: transparent;
  color: #cf1322
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-two-chinese-chars:first-letter {
  letter-spacing: .34em
}

.ant-btn-two-chinese-chars > :not(.anticon) {
  letter-spacing: .34em;
  margin-right: -.34em
}

.ant-btn.ant-btn-block {
  width: 100%
}

.ant-btn:empty {
  content: " ";
  display: inline-block;
  visibility: hidden;
  width: 0
}

a.ant-btn {
  line-height: 2.0625rem;
  padding-top: .00063rem !important
}

a.ant-btn-lg {
  line-height: 2.375rem
}

a.ant-btn-sm {
  line-height: 1.375rem
}

.ant-btn-rtl {
  direction: rtl
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary, .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
  border-left-color: #d9d9d9;
  border-right-color: #484a4d
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
  border-left-color: #484a4d;
  border-right-color: #d9d9d9
}

.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-left: .5rem;
  padding-right: 0
}

.ant-btn > .ant-btn-loading-icon:only-child .anticon {
  padding-left: 0;
  padding-right: 0
}

.ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon {
  margin-left: 0;
  margin-right: .5rem
}

.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  font-size: .875rem;
  padding: .5rem 0
}

.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  font-size: 1rem;
  padding: 1rem 0
}

.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: .375rem 1rem
}

.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: .4375rem 1rem .375rem
}

.ant-tabs-rtl {
  direction: rtl
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 2rem
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-left: .75rem;
  margin-right: 0
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-left: -.25rem;
  margin-right: .5rem
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0
}

.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}

.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0
}

.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}

.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 0;
  margin-right: .125rem
}

.ant-tabs-dropdown-rtl {
  direction: rtl
}

.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right
}

.ant-tabs-bottom, .ant-tabs-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav, .ant-tabs-top > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav {
  margin: 0 0 1rem
}

.ant-tabs-bottom > .ant-tabs-nav:before, .ant-tabs-bottom > div > .ant-tabs-nav:before, .ant-tabs-top > .ant-tabs-nav:before, .ant-tabs-top > div > .ant-tabs-nav:before {
  border-bottom: .0625rem solid #f0f0f0;
  content: "";
  left: 0;
  position: absolute;
  right: 0
}

.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: .125rem
}

.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  -webkit-transition: width .3s, left .3s, right .3s;
  transition: width .3s, left .3s, right .3s
}

.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  bottom: 0;
  top: 0;
  width: 1.875rem
}

.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  box-shadow: inset .625rem 0 .5rem -.5rem #00000014;
  left: 0
}

.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
  box-shadow: inset -.625rem 0 .5rem -.5rem #00000014;
  right: 0
}

.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after {
  opacity: 1
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > .ant-tabs-nav:before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav:before {
  bottom: 0
}

.ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  margin-bottom: 0;
  margin-top: 1rem;
  -webkit-order: 1;
  order: 1
}

.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > .ant-tabs-nav:before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav:before {
  top: 0
}

.ant-tabs-bottom > .ant-tabs-content-holder, .ant-tabs-bottom > div > .ant-tabs-content-holder {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0
}

.ant-tabs-left > .ant-tabs-nav, .ant-tabs-left > div > .ant-tabs-nav, .ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 3.125rem
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  padding: .5rem 1.5rem;
  text-align: center
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 1rem 0 0
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  height: 1.875rem;
  left: 0;
  right: 0
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  box-shadow: inset 0 .625rem .5rem -.5rem #00000014;
  top: 0
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
  bottom: 0;
  box-shadow: inset 0 -.625rem .5rem -.5rem #00000014
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before {
  opacity: 1
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: .125rem
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  -webkit-transition: height .3s, top .3s;
  transition: height .3s, top .3s
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0
}

.ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-left > div > .ant-tabs-content-holder {
  border-left: .0625rem solid #f0f0f0;
  margin-left: -.0625rem
}

.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 1.5rem
}

.ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}

.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0
}

.ant-tabs-right > .ant-tabs-content-holder, .ant-tabs-right > div > .ant-tabs-content-holder {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  border-right: .0625rem solid #f0f0f0;
  margin-right: -.0625rem;
  -webkit-order: 0;
  order: 0
}

.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 1.5rem
}

.ant-tabs-dropdown {
  -webkit-font-feature-settings: "tnum";
  -moz-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: block;
  font-size: .875rem;
  font-variant: tabular-nums;
  left: -624.9375rem;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -624.9375rem;
  z-index: 1050
}

.ant-tabs-dropdown-hidden {
  display: none
}

.ant-tabs-dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: .25rem;
  box-shadow: 0 .0625rem .25rem #ebebeb;
  list-style-type: none;
  margin: 0;
  max-height: 12.5rem;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: .25rem 0;
  text-align: left
}

.ant-tabs-dropdown-menu-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000000d9;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .875rem;
  font-weight: 400;
  line-height: 2;
  margin: 0;
  min-width: 7.5rem;
  overflow: hidden;
  padding: .3125rem .75rem;
  text-overflow: ellipsis;
  -webkit-transition: all .3s;
  transition: all .3s;
  white-space: nowrap
}

.ant-tabs-dropdown-menu-item > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap
}

.ant-tabs-dropdown-menu-item-remove {
  -webkit-box-flex: 0;
  background: transparent;
  border: 0;
  color: #00000073;
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: .75rem;
  margin-left: .75rem
}

.ant-tabs-dropdown-menu-item-remove:hover {
  color: #484a4d
}

.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5
}

.ant-tabs-dropdown-menu-item-disabled, .ant-tabs-dropdown-menu-item-disabled:hover {
  background: transparent;
  color: #00000040;
  cursor: not-allowed
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  background: #f0f0f0;
  border: .0625rem solid #f0f0f0;
  margin: 0;
  padding: .5rem 1rem;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  background: #fff;
  color: #343a40
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden
}

.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: .125rem
}

.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: .25rem .25rem 0 0
}

.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff
}

.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 .25rem .25rem
}

.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff
}

.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: .125rem
}

.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: .25rem 0 0 .25rem
}

.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff
}

.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 .25rem .25rem 0
}

.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff
}

.ant-tabs {
  -webkit-font-feature-settings: "tnum";
  -moz-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0
}

.ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav {
  -webkit-box-flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  position: relative
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  -webkit-box-flex: 1;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  white-space: nowrap
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  z-index: 1
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  pointer-events: none;
  position: absolute;
  visibility: hidden
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  background: transparent;
  border: 0;
  padding: .5rem 1rem;
  position: relative
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more:after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more:after {
  bottom: 0;
  content: "";
  height: .3125rem;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  background: #f0f0f0;
  border: .0625rem solid #f0f0f0;
  border-radius: .25rem .25rem 0 0;
  cursor: pointer;
  margin-left: .125rem;
  min-width: 2.5rem;
  outline: none;
  padding: 0 .5rem;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #484a4d
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #13161a
}

.ant-tabs-extra-content {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}

.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]), .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.ant-tabs-ink-bar {
  background: #343a40;
  pointer-events: none;
  position: absolute
}

.ant-tabs-tab {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: .875rem;
  outline: none;
  padding: .75rem 0;
  position: relative
}

.ant-tabs-tab-btn:active, .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:active, .ant-tabs-tab-remove:focus {
  color: #13161a
}

.ant-tabs-tab-btn, .ant-tabs-tab-remove {
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s
}

.ant-tabs-tab-remove {
  -webkit-box-flex: 0;
  background: transparent;
  border: none;
  color: #00000073;
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: .75rem;
  margin-left: .5rem;
  margin-right: -.25rem
}

.ant-tabs-tab-remove:hover {
  color: #000000d9
}

.ant-tabs-tab:hover {
  color: #484a4d
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #343a40;
  text-shadow: 0 0 .01563rem currentcolor
}

.ant-tabs-tab.ant-tabs-tab-disabled {
  color: #00000040;
  cursor: not-allowed
}

.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus {
  color: #00000040
}

.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0
}

.ant-tabs-tab .anticon {
  margin-right: .75rem
}

.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 2rem
}

.ant-tabs-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.ant-tabs-content-holder {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-height: 0;
  min-width: 0
}

.ant-tabs-content-animated {
  -webkit-transition: margin .3s;
  transition: margin .3s
}

.ant-tabs-tabpane {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  outline: none;
  width: 100%
}

.article-status .is-active {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: .125rem solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: .125rem solid var(--el-color-primary);
  color: var(--el-color-primary);
}

</style>